
.header-bg{
  background-color: #fff;
}
.head {
  width: 100%;
  height: 0.45rem;
  font-size: 0.16rem;
  border-bottom: 0.01rem solid rgba(220, 220, 220,0.4);
  border-top: 0.04rem solid #1aaa55;
  display: flex;
  align-items: center;
  justify-content: center;

  .avator{
    display: flex;
    align-items: center;
  }
  .avator-box{
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.3rem;
    margin-right: 0.05rem;
  }
  .logo {
    width: 2rem;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .login-box {
    width: 3.5rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    .login-text{
      padding: 0 0.4rem;
    }
  }

  .ul-tab {
    width: 7.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;

    .liTab {
      margin: 0 0.2rem;
      cursor: pointer;
      border-bottom: 0.02rem solid rgba(0,0,0,0);
    }

    .liTab:hover {
      color: #1aaa55;
      border-bottom: 0.02rem solid #1aaa55;
    }

    .active {
      color: #1aaa55;
      border-bottom: 0.02rem solid rgba(0,0,0,0);
    }
  }

  .ant-btn-primary{
    border-color: #1aaa55;
    background: #1aaa55;
  }

}

.head-b{
  width: 100%;
  height: 0.26rem;
  font-size: 0.14rem;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  display: flex;
  align-items: center;
  justify-content: center;
  .ul-t{
    width: 12rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;

    .liTab {
      margin: 0 0.2rem;
      cursor: pointer;
      color: #71777c;
    }

    .liTab:hover {
      color: #1aaa55;
    }

    .active {
      color: #1aaa55;
    }
  }
}
